.sideber img {
  	width: 100%;                /* サイドバーイメージ横幅ぴったり */
  	border-radius: 12px;        /* 角丸 */
 	 box-shadow: 0 6px 15px rgba(0,0,0,0.1); /* 影 */
 	 margin-bottom: 15px;        /* 下の余白 */
 	 transition: 0.3s;
	}

.message_image1 img {
  width: 90px;
  height: 90px;
  object-fit: cover;

  border-radius: 12px;  /* ←丸ではなく角丸四角 */
  border: 3px solid #fff;

  box-shadow: 0 6px 15px rgba(0,0,0,0.1);

  transition: 0.3s;
}

	
	p[class^="button"] {
 	 display: inline-block;
  	padding: 6px 12px;          /* ← 少し小さく */
 	 background: #eaf6ee;        /* ← 柔らかい薄い緑 */
  	color: #2e7d32;             /* ← 濃い緑の文字で見やすく */
 	 border: 1px solid #a5d6a7;  /* ← やさしい枠線 */
  	border-radius: 16px;        /* ← 少し丸く */
  	font-size: 13px;            /* ← 少し小さく */
  	cursor: pointer;
  	margin-left: auto;
  	margin-top: 8px;
  	transition: 0.25s;
	}

/* ホバー時（マウスを乗せたとき） */
p[class^="button"]:hover {
  background: #2e7d32;  /* 少しだけ濃くなる */
  color: #fff;
}



img,nav {
	margin-bottom: 5px;  /* 下に5px余白 */

}

.navbar .nav-item .nav-link {
	margin-right: 0;
}

li.nav-item {
	border: 1px solid #063879;/* メニューの見た目　青背景 枠あり　少し間隔*/
	margin: 0 10px;
	background-color: #99c4ff;
}

.navbar-light .navbar-nav .nav-link {
	color: #000;
}

.navbar-light .navbar-nav .nav-link:hover {
	color: #fff;
	background-color: #063879;
}

.help-block {
	font-size: 80%;
}

.h1, h1 {
	font-size: 2rem; /* 見出しサイズ調整 */

}

.h2, h2 {
	font-size: 1.5rem;
}

.h3, h3 {
	font-size: 1.25rem;
}

.h4, h4 {
	font-size: 1rem;
}

.h5, h5 {
	font-size: 0.9rem;
}

.h6, h6 {
	font-size: 0.8rem;
}

div.card {
	margin-bottom: 10px;
}

caption {
	caption-side:top;
}

th.center, td.center {
	vertical-align: middle;
	text-align: center;
}

.domain::before {
	content: '@';　 /* メールの前に「＠」を自動表示 */

}

.badge {
	margin-left:1em;
}

iframe {
	display: block;
	margin: 0 auto;
}

footer {
	padding: 10px 0;
	background-color: #def;
}